import 'package:flutter/material.dart';
import 'constants/ui_constants.dart';

main() {
  //MaterialApp组件：代表一个符合MaterialDesign风格的应用
  runApp(
    MaterialApp(
      home: Scaffold(
        //首页对应的是一个页面脚手架组件
        backgroundColor: UIConstants.COLOR_PAGE_BG, //页面脚手架指定当前页面背景颜色
        // body: Padding(padding: EdgeInsets.zero),     //内边距为0
        // body: Padding(padding: EdgeInsets.fromLTRB(10, 20, 30, 40)),   //left:10 top:20 right:30 bottom:40
        // body: Padding(padding: EdgeInsets.only(top:20, left: 30)),
        // body: Padding(padding: EdgeInsets.all(20)),     //内边距为20
        body: Padding(
          padding: EdgeInsets.all(20),
          child: SizedBox(            //可以指定大小的容器
            width: double.infinity,     //宽度为：100%
            height: double.infinity,    //高度为：100%
            child: Column(
              //Column容器宽度要靠内容撑起来，高度为100%
              children: [
                //F1: 图标
                //F2: 手机号输入框组
                //F3: 密码输入框组
                //F4: 登录按钮
                //F5: 忘记密码
                Text('忘记密码', style: TextStyle(color: UIConstants.COLOR_PAGE_BG),),
              ],
            ),
          ),
        ), //内边距为20
      ),
    ),
  );
}
